<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>常见布局</title>
    <link rel="stylesheet" href="./base.css">
    <link rel="stylesheet" href="./common.css?v=dc8a468">
    <style >

    </style>

</head>
<body>
        双飞翼
    <div class="cell" style="height:100px;">
        <span>
            不固定高度的容器,内容垂直居中
        </span>
    </div>
    <div style="width:500px">
        <span class="table">动态元素水平居中</span>
    </div>
    <form action="" style="padding:10px;">
        <div class="ui-item">
            <span class="label">label:</span>
            <span class="f-fl w120">1</span>
            <span class="f-fl w120">2</span>
        </div>
        <div class="ui-item">
            <span class="label">label:</span>
            <span class="f-fl w120">3</span>
            <span class="f-fl w120">4</span>
        </div>
        <div class="ui-item">
            <span class="label">label:</span>
            <span class="f-fl w120">5</span>
            <span class="f-fl w120">6</span>
        </div>
    </form>
    <form action="">
        <div class="ui-item f-fl">
            
        </div>
    </form>

</body>
</html>